require("../less/description.less");
document.ready(function() {
    // 服务器地址
    axios.defaults.baseURL = "http://139.9.177.51:8099";
    //初始页面渲染
    dataLoad();


    function dataLoad() {
        axios.get("/sports/courseDetail?id=" + sessionStorage.getItem('courseId'))
            .then(function(res) {
                console.log(res.data);
                document.querySelector('#name').textContent = res.data.data.name;
                document.querySelector('#video').src = "http://139.9.177.51:8099" + res.data.data.fragments[0].videoUrl;
                document.querySelector('#calorie').textContent = res.data.data.calorie;
                document.querySelector('#time').textContent = res.data.data.time;
                document.querySelector('#peoplenum').textContent = res.data.data.peoplenum;
                document.querySelector('#frequency').textContent = res.data.data.frequency;
                document.querySelector('#instrument').textContent = res.data.data.instrument;
                document.querySelector('#desc').textContent = res.data.data.desc.substr(0, 36) + '...';
                //将获取的参数放入本地存储中，在下一个页面就不用向服务器请求了
                sessionStorage.fragments = JSON.stringify(res.data.data.fragments);

            })
            .catch(function(err) {
                console.log(err);
            })
    }

    //返回上一页
    document.querySelector('#backprev').addEventListener('mouseover', function() {
            history.back();
        })
        //视频播放
    let flag = true; //定义标杆
    document.querySelector('#videoplayer').addEventListener('click', function() {
        if (flag) {
            document.querySelector('#video').play();
            this.firstElementChild.className = 'iconfont icon-zanting';
            flag = false;
        } else {
            document.querySelector('#video').pause();
            this.firstElementChild.className = 'iconfont iconicon_play';
            flag = true;
        }
    })

    window.$utils.selectTipFn('确认取消关注吗？');
    //关注
    let item = true;
    document.querySelector('#follow').addEventListener('click', function() {
        if (item == true) {
            this.textContent = '已关注';
            this.className = 'on';
            item = false;
        } else {
            document.querySelector('.selectMask').style.display = 'block';
            document.querySelector('#cancel').addEventListener('click', function() {
                document.querySelector('.selectMask').style.display = 'none';
            })
            document.querySelector('#confirm').addEventListener('click', function() {
                document.querySelector('.selectMask').style.display = 'none';
                document.querySelector('#follow').textContent = '+关注';
                document.querySelector('#follow').className = '';
                item = true;
            })
        }
    })

    //开始训练
    document.querySelector('#startBtn').addEventListener('click', function() {
        location.href = './particulars.html';
    })



})